﻿@{
    ViewBag.Title = "曲目管理";
    Layout = "~/Views/Shared/_Layoutback.cshtml";
}

<script src="@Url.Content("~/Scripts/jQuery.tmpl.min.js")"></script>
<script src="@Url.Content("~/Scripts/Common/pageHandler.js")"></script>
<link href="@Url.Content("~/Content/PageHandler.css")" rel="stylesheet" />
<script id="tmplSongs" type="text/x-jquery-tmpl">
    <div style="clear:both; height:20px;">     
                   <div class="divellipsis"  style="float: left; width: 200px;"><a href="/ManageSong/Details/${ID}">${Name}</a></div>  
                   <div class="divellipsis"  style="float: left; width: 200px;">${Album}</div>
                    <div class="divellipsis"  style="float: left; width: 100px;">${AlbumArtist}</div>                
                    <div class="divellipsis"  style="float: left; width: 100px;">${Artist}</div>
                    <div class="divellipsis"  style="float: left; width: 100px; height:20px;">${Genre}</div>                  
                    <div class="divellipsis"  style="float: left; width: 100px; text-align:center; height:20px;">${PlayedCount}</div>  
       </div> 
</script>
<div>       
       <div class="divButton" style="float:right; width:60px;" onclick="javascript:window.location='/ManageSong/Create'">上传歌曲</div>                 
 
    <div style="clear:both;"></div>
<fieldset>
    <legend>歌曲列表</legend>
    <div style="height:10px;"></div>
    <div>
        <div class="dHeader" style="font-size: small; font-weight: bold">           
            <div style="float: left; width: 200px;">
                曲名</div>   
            <div style="float: left; width: 200px;">
                专辑</div>     
             <div style="float: left; width: 100px;">
                专辑表演者</div>   
            <div style="float: left; width: 100px;">
                艺术家</div>
            <div style="float: left; width: 100px;">
                风格</div>           
              <div style="float: left; width: 100px; text-align:center; ">
                播放次数</div>
            <div style="float: left; width: 100px;">
                </div>
        </div>
        <div style="height: 20px;">
        </div>
        <div id="dContent" class="dContent">           
        </div>
        <div id="divPage" style="width:910px;"></div>       
    </div>
</fieldset>
    </div>
<script type="text/javascript">
    $(document).ready(function () {    
        $("#divMangeAAC").addClass("currentMenu");
        $("#txtQText").each(function () {
            var target = $(this);
            target.autocomplete({ source: "/ManageSong/QuickSearchSong" });
        });
      
        var page = new pageHandler({ pageID: "divPage", url: "/ManageSong/SongsList", tmplID: "tmplSongs", contentID: "dContent", queryID: "txtQText", isCss: true })
        page.pageInit();
        $("#btnSearch").click(function () {
            page.pageInit();
        })
    });
</script>
